.mylayuia {
  position: absolute;
  top: 18%;
  left: 10%;
}
.layui-table-cell {
  font-size:14px;
  padding:0 5px;
  height:auto;
  overflow:visible;
  text-overflow:inherit;
  white-space:normal;
  word-break: break-all;
}
.layui-input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) {
  background-color: #ccc;
}
.layui-view-body {
  background-color: #c7ecee !important;
}
.mywidth1{
  width: 10%;
}
.mywidth2{
  width: 20%;
}
.mywidth3{
  width: 30%;
}
.mywidth4{
  width: 40%;
}
.mywidth5{
  width: 50%;
}
.mywidth6{
  width: 80%;
}
.mywidth10{
  width: 100%;
}
.myheight1{
  height: 20%;
}
.myheight2{
  height: 25%;
}
.myheight3{
  height: 30%;
}
.myheight4{
  height: 45%;
}
.myhw{
  width: 100%;
  height: 100%;
}

/*设置数据表表头字体*/
.layui-table th {
  /*表头内容居中显示*/
  text-align: center;
  font-weight: 900;
}
.layui-table td{
  /*表头内容居中显示*/
  text-align: center;
}
.layui-table thead tr{
  background: #f0f2f5;
}
.layui-view-body {
  background-color: #f0f2f5;
}

.layui-content {
  padding: 20px;
}

.layui-tab-title {
  border-bottom-color: #e8e8e8;
}
.layui-card .layui-tab-brief .layui-tab-title li {
  margin: 0 15px;
  padding: 0;
}
.layui-btn-blue{
  margin-bottom:13px;

}
.layui-btn-primary{
  margin-bottom: 13px;
}
.mylayuia-mrL{
  margin-left:-1px !important;
}

 .chart-card {
   padding: 31px 43px 23px;
 }

 .layui-card-body {
   padding: 10px 15px;
   line-height: 48px;
 }
 .mylayui-card-body:hover{
   z-index: 2;
   -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
   box-shadow: 0 15px 30px rgba(0,0,0,.4);
   -webkit-transform: translate3d(0,-2px,0);
   transform:  translate3d(0,-2px,0);
   transition: all .2s linear;
 }

.chart-card .metawrap .meta {
  color: rgba(0, 0, 0, 0.45);
  font-size: 20px;
  line-height: 22px;
  height: 22px;
}

.chart-card .metawrap .total {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 23px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 38px;
  height: 38px;
}
 .pagewrap {
  padding: 1px 20px !important;
  background-color: #fff;
}
.layui-form-radio, .layui-form-radio * {
  display: inline-block;
   vertical-align: initial;
}
.layui-unselect.layui-form-radio.layui-form-radioed {
  display: inline-block;
  vertical-align: initial !important;
}
.total
{
  font-weight: 900;
  color:darkslateblue !important; /*设置文字颜色*/
font-size: 43px !important;
  text-shadow: 2px 3px 1px pink;/*添加字体文字的阴影*/
}
.mylayui-card-body span{
  color:darkslateblue; /*设置文字颜色*/
  text-shadow: 2px 3px 1px pink;/*添加字体文字的阴影*/
}



.layui-form-checked i,
.layui-form-checked:hover i,
.layui-form-radio > i:hover,
.layui-form-radioed > i,
.layui-breadcrumb a:hover,
.layui-laypage a:hover,
.layui-tab-brief > .layui-tab-title .layui-this {
  color: #177ce3 !important;
}

.layui-btn-primary:hover,
.layui-form-onswitch,
.layui-form-checked[lay-skin="primary"] i,
.layui-form-checkbox[lay-skin="primary"]:hover i,
.layui-form-checked,
.layui-form-checked:hover,
.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
  border-color: #177ce3;
}

.layui-checkbox-disbaled[lay-skin="primary"]:hover i {
  border-color: #d2d2d2 !important;
}

.layui-form-onswitch,
.layui-form-checked[lay-skin="primary"] i,
.layui-form-select dl dd.layui-this,
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-form-checked span,
.layui-form-checked:hover span {
  background-color: #177ce3;
}
.layui-btn-blue {
  background-color: #177ce3;
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, #29adeb, #177ce3);
  background-image: -webkit-linear-gradient(left, #29adeb, #177ce3);
  background-image: -o-linear-gradient(left, #29adeb, #177ce3);
  background-image: linear-gradient(left, #29adeb, #177ce3);
}

.layui-form-checkbox[lay-skin="primary"]:hover span {
  background: 0 0 !important;
}

.layui-page-header {
  margin: -20px -20px 20px;
}

.layui-page-header .pagewrap {
  padding: 15px 20px;
  background-color: #fff;
}

.layui-page-header .title {
  margin-top: 15px;
}

.chart-card {
  padding: 36px 28px 4px;
}

.chart-card .chart-header {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.chart-card .metawrap {
  float: left;
}

.chart-card .metawrap .meta {
  color: rgba(0, 0, 0, 0.45);
  font-size: 20px;
  line-height: 22px;
  height: 22px;
}

.chart-card .metawrap .total {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 38px;
  height: 38px;
}

.chart-card .chart-body {
  margin-bottom: 12px;
  position: relative;
  width: 100%;
}

.chart-card .chart-footer {
  padding-top: 9px;
  margin-top: 8px;
  border-top: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chart-card .field {
}

.chart-card .field span {
  font-size: 16px;
  line-height: 22px;
}
.contentwrap{
  font-size: 15px;
}
.chart-card .field span:last-child {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
}

.form-box {
  padding: 10px 0;
}
